import React, { Component } from 'react';
import ReactDOM from 'react-dom';
// import App from './04-Style/Father';
// import App from './05-Fragments/App';
// import App from './06-Ref/App';
// import App from './07-Render/Parent';
// import App from './08-EventBus/Father';
// import App from './09-Context/Father';
// import App from './10-HOC/app';
// import App from './11-RenderProps/App';
// import App from './11-RenderProps/Any';
// import App from './11-RenderProps/RenderProps';
// import App from './12-Portal/App.jsx';


// redux
// import App from "./13-Redux/01-self-redux/App.jsx";
// import App from "./13-Redux/02-redux/App.jsx";
// import store from './13-Redux/02-redux/store'
// import App from "./13-Redux/03-todolist/TodoList.jsx";
// import store from "./13-Redux/03-todolist/index";
// import App from './13-Redux/04-demo/List.jsx';
// import store from './13-Redux/04-demo/index';
// import { Provider } from 'react-redux';


// react-router-dom
// import { BrowserRouter as Router } from 'react-router-dom';
// import App from './14-Router/01-Basic.jsx';
// import App from './14-Router/02-UrlParams';
// import App from './14-Router/03-Nesting';
// import App from './14-Router/04-Redirects-1';
// import App from './14-Router/04-Redirects-2';
// import App from './14-Router/05-CustomLink';
// import App from './14-Router/06-QueryParameters';
// import App from './14-Router/Page404';
// import App from './14-Router/07-Sidebar';
// import App from './14-Router/08-RouteConfig';
// import App from './14-Router/09-RecursivePaths';


// react-lazy
// import App from './16-Lazy/02-react-lazy/App';


// Hooks
// import App from './17-Hooks/01-UseState';
// import App from './17-Hooks/02-UseEffect';
// import App from './17-Hooks/03-UseContext';
// import App from './17-Hooks/04-UseRef';
// import App from './17-Hooks/05-UseReducer';
// import App from './17-Hooks/06-UseCallback';
// import App from './17-Hooks/07-Hooks';


// LifeWeek
// import App from './18-LifeWeek/01-componentUser';
// import './decoration-start/mixins';
// import App from './18-LifeWeek/02-propsUpdate';


// mobx
// import App from './19-mobx';
// import store from './19-mobx/store';


// 使用 create-react-class
import App from './20-createReactClass';

// ReactDOM.render(
//     <Provider store={store}>
//         <App />
//     </Provider>,
//     document.getElementById('root')
// );

// ReactDOM.render(
//     <Router>
//         <App />
//     </Router>,
//     document.getElementById('root')
// );

// ReactDOM.render(
//     <App appState={store} />,
//     document.getElementById('root')
// );

ReactDOM.render(
    <App />,
    document.getElementById('root')
);
